<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title>设备详情</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover" />
		<link href="css/mui.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/comment.css" />
		<link rel="stylesheet" type="text/css" href="css/eqDetail.css" />
	</head>

	<body>
		<div id="app">
			<header class="mui-bar mui-bar-nav gradient_normal">
				<div style="height: 20px;"></div>
				<div class="mui-action-back mui-pull-left mui-icon mui-icon-arrowleft"></div>
				<h1 class="mui-title">设备详情</h1>
			</header>
			<section class="eqd_title">
				<img src="images/teq06.png">
				<strong>设备信息</strong>
			</section>
			<section class="eqd_rol">
				<div class="item clearfix">
					<span class="fl">设备编号：</span>
					<span class="fr">{{eqDetail.DeviceNO}}</span>
				</div>
				<div class="item clearfix">
					<span class="fl">设备名称：</span>
					<span class="fr">{{eqDetail.DeviceName}}</span>
				</div>
			</section>
			<section class="eqd_rol">
				<div class="item clearfix">
					<span class="fl">型号规格：</span>
					<span class="fr">{{eqDetail.Secifications}}</span>
				</div>
				<div class="item clearfix">
					<span class="fl">设备分类：</span>
					<span class="fr">{{eqDetail.Classification}}</span>
				</div>
				<div class="item clearfix">
					<span class="fl">使用部门：</span>
					<span class="fr">{{eqDetail.UseDept}}</span>
				</div>
			</section>
			<section class="eqd_rol">
				<div class="item clearfix">
					<span class="fl">采购时间：</span>
					<span class="fr">{{eqDetail.Procurement}}</span>
				</div>
				<div class="item clearfix">
					<span class="fl">安装地点：</span>
					<span class="fr">{{eqDetail.InstallAddress}}</span>
				</div>
			</section>
			<section class="eqd_rol">
				<div class="item clearfix">
					<span class="fl">维修人员：</span>
					<span class="fr">{{eqDetail.Manufacturer}}</span>
				</div>
			</section>
		</div>
		<script src="js/mui.js"></script>
		<script src="js/jquery.js"></script>
		<script src="js/rem.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/vue@2.6.0"></script>
		<script type="text/javascript">
			var app=new Vue({
				el:"#app",
				data:{
					url: "http://112.54.80.235:8038",
					eqDetail:{}
				},
				mounted() {
					mui.init();
					mui.plusReady(function() {
						//关闭等待框
						plus.nativeUI.closeWaiting();
						//获取父页面传值
						var self = plus.webview.currentWebview()
						var proid = self.proid;
						//获取数据
						$.ajax({
							type: 'get',
							url: app.url + '/actionapi/Users/SJGetSheBei',
							dataType: 'json',
							data: {
								DevNo: proid
							},
							success: function(data) {
								app.eqDetail=data.data[0]
							},
							error: function(XMLHttpRequest, textStatus, errorThrown) {
								plus.nativeUI.alert("SJGetSheBei接口有误", function(e){
										console.log(e.index);
									}, "信息提示", '确定');
							}
						})
					})
				}
			});
		</script>
	</body>

</html>
